
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>El Rincón Teleco!!</title>
        <link rel="stylesheet" href="<%= request.getContextPath()%>/css/bootstrap.css"> 
        <link rel="stylesheet" href="<%= request.getContextPath()%>/css/bootstrap-responsive.css"> 
        <link rel="stylesheet" href="<%= request.getContextPath()%>/css/bootstrap.min.css"> 
        <link rel="stylesheet" href="<%= request.getContextPath()%>/css/bootstrap-responsive.min.css"> 
        <style>
            .item {

                background: transparent;
                padding: 0px 0px 10px;
                height: 270px;
            }

        </style>
    </head>

    <body style="background: url('<%= request.getContextPath()%>/img/shattered.png') center repeat">

        <div class="container">
            <div class="item row-fluid">
                <div class="span9 hero-unit" style="background: transparent; border: transparent; text-align: center">

                    <h1>
                        El Rincón Teleco
                    </h1>
                </div>
                <div class="span3" style="padding: 0px 15px;">
                    <form class="well" method="post" action="ServletLogin">
                        <label>Código</label><input type="text" name="codigo" class="input-block-level" type="text" placeholder="codigo">
                        <label>Password</label><input type="password" name="password" class="input-block-level" type="password" placeholder="password">
                        <p  style="color: #f89406">
                            <a href=""><small>Olvide mi contraseña</small></a>
                        </p>
                        <button  type="submit" class="btn btn-primary"  >Login</button>
                        <button type="submit" class="btn btn-success">
                        <a href="<%= request.getContextPath()%>/contrasenha/register.jsp" data-transition="fade"data-rel="dialog">Register</a>
                        </button>
                    </form>
                </div>
            </div>

            <!-- Navbar
            ================================================== -->

           <div class="navbar " >
                <div class="navbar-inner">                    
                    <ul class="nav" >
                        <li><a href="<%=request.getContextPath()%>/index.jsp"><i class="icon-home"></i> Inicio</a></li>

                        <li class="dropdown">
                            <a data-toggle="dropdown" class="dropdown-toggle" href="#">Cursos <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li class="dropdown-submenu" >
                                    <a href="#">Ciclo 5</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Probabilidades</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Teoria de Campos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Series y Transformadas</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Circuitos Analógicos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Laboratorio de Circuitos Analógicos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Arquitectura de Computadoras</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Laboratorio de Arquitectura de Computadoras</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-submenu">

                                    <a href="#">Ciclo 6</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Probabilidades</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Teoria de Campos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Series y Transformadas</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Circuitos Analógicos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Laboratorio de Circuitos Analógicos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Arquitectura de Computadoras</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Laboratorio de Arquitectura de Computadoras</a></li>
                                    </ul>    

                                </li>

                                <li class="dropdown-submenu">
                                    <a href="#">Ciclo 7</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Probabilidades</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Teoria de Campos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Series y Transformadas</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Circuitos Analógicos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Laboratorio de Circuitos Analógicos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Arquitectura de Computadoras</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Laboratorio de Arquitectura de Computadoras</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-submenu">
                                    <a href="#">Ciclo 8</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Probabilidades</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Teoria de Campos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Series y Transformadas</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Circuitos Analógicos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Laboratorio de Circuitos Analógicos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Arquitectura de Computadoras</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Laboratorio de Arquitectura de Computadoras</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-submenu">
                                    <a href="#">Ciclo 9</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Probabilidades</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Teoria de Campos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Series y Transformadas</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Circuitos Analógicos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Laboratorio de Circuitos Analógicos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Arquitectura de Computadoras</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Laboratorio de Arquitectura de Computadoras</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-submenu">
                                    <a href="#">Ciclo 10</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Probabilidades</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Teoria de Campos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Series y Transformadas</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Circuitos Analógicos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Laboratorio de Circuitos Analógicos</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Arquitectura de Computadoras</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Laboratorio de Arquitectura de Computadoras</a></li>
                                    </ul>
                                </li>

                                <li class="divider"></li>
                                <li class="nav-header">Electivos</li>
                                <li class="dropdown-submenu">
                                    <a href="#">Electivos de libre disponibilidad</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Moviles 2</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Aplicaciones moviles</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Banda Ancha</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-submenu">
                                    <a href="#">Electivos de la especialidad</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Moviles 2</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Aplicaciones moviles</a></li>
                                        <li><a href="<%=request.getContextPath()%>/curso/view.jsp">Banda Ancha</a></li>
                                    </ul>
                                </li>


                            </ul>
                        </li>
                        <li><a href="http://btpucp.pucp.edu.pe/" target="_blank">Bolsa de Trabajo</a> </li>
                        <li><a href="https://pandora.pucp.edu.pe/pucp/login?TARGET=http%3A%2F%2Feros.pucp.edu.pe%2Fpucp%2Fjsp%2FIntranet.jsp" target="_blank">Intranet</a></li>

                    </ul> 
                                    <div class="input-append pull-right" style="padding-top: 5px">
                        <input class="span2" id="buscar" type="text">
                        <button class="btn" type="button"><i class="icon-search"></i></button>
                    </div>
                </div>
            </div>

            <div class="row-fluid" id="inicio">
                <div class="span12">
                       

                    <div class=" well span9">

                        <form>

                            <legend>Cursos</legend>
                            <div class="span5 pull-left">
                                <label class="">Curso</label>
                                <select>
                                    <option>Probabilidades</option>
                                    <option>Arquitectura de computadoras</option>
                                    <option>Técnicas en redes IP</option>
                                </select>
                            </div>
                            <div class="span5 pull-right">
                                <label class="">Tipo de Archivo</label>
                                <select>
                                    <option>Prácticas</option>
                                    <option>Exámenes</option>
                                    <option>Laboratorios</option>
                                </select>
                            </div>
                            <div class="span5 pull-left">
                                <label class="">Profesor</label>
                                <select>
                                    <option>Angelo Velarde</option>
                                    <option>Juan Huapaya</option>
                                    <option>Tio bigote</option>
                                </select>
                            </div>
                            <br>
                            <br>
                            <br>
                            <br>
                            <br>

                            <button type="submit" class="btn pull-right">Filtrar</button>

                            
                            <br>
                            <br>
                        </form>
                        
                        <table class="table table-striped">
                            <thead>
                                <tr>
                                    <th>Código</th>
                                    <th>Nombre</th>
                                    <th>Semestre</th>
                                    <th>Profesor</th>
                                    <th></th></tr>
                            </thead>
                            <tbody>

                                <tr>
                                    <td><abbr title="Técnicas en redes IP">TEL232</abbr></td>
                                    <td><a href="<%=request.getContextPath()%>/archivo/view.jsp">practicas_pasadas2004</a></td>
                                    <td>2009 - I</td>
                                    <td>Ocampo, Antonio</td>
                                    <td class="button-column">
                                        <a title="Descargar" href=""><i class="icon-arrow-down"></i></a>
                                    </td>
                                </tr>
                                <tr>
                                    <td><abbr title="Técnicas en redes IP">TEL232</abbr></td>
                                    <td><a href="<%=request.getContextPath()%>/archivo/view.jsp">todoIP</a></td>
                                    <td>2009 - I</td>
                                    <td>Ocampo, Antonio</td>
                                    <td class="button-column">
                                        <a title="Descargar" href=""><i class="icon-arrow-down"></i></a>
                                    </td>
                                </tr>
                                

                            </tbody>
                        </table>

                    </div>
                    <div class=" well span3">
                        <div class="row-fluid" style=" width: 80%; padding:0 10%;" >
                            <div class="span14">        
                                <ul class="nav nav-list well">
                                    <li><h5  align=center  ><i class="icon-star"></i> Lo Más Reciente</h5></li>
                                    <li><a href="<%=request.getContextPath()%>/curso/view.jsp"><i class="icon-minus"></i> Opticas</a></li>
                                    <li><a href="<%=request.getContextPath()%>/curso/view.jsp"><i class="icon-minus"></i> Software 2</a></li>
                                    <li><a href="<%=request.getContextPath()%>/curso/view.jsp"><i class="icon-minus"></i> Tecnicas IP</a></li>
                                </ul>
                            </div>
                        </div>
                        <br>


                        <div class="row-fluid" style=" width: 80%; padding:0 10%;" >
                            <div class="span14">        
                                <ul class="nav nav-list well">
                                    <li><h5  align=center  ><i class="icon-star"></i> Lo Más Descargado</h5></li>
                                    <li><a href="<%=request.getContextPath()%>/curso/view.jsp"><i class="icon-minus"></i> Opticas</a></li>
                                    <li><a href="<%=request.getContextPath()%>/curso/view.jsp"><i class="icon-minus"></i> Software 2</a></li>
                                    <li><a href="<%=request.getContextPath()%>/curso/view.jsp"><i class="icon-minus"></i> Tecnicas IP</a></li>
                                </ul>
                            </div>
                        </div>
                        <br>
                        <div class="row-fluid" style=" width: 80%; padding:0 10%;">
                            <div class="span14">        
                                <ul class="nav nav-list well">
                                    <li><h5  align=center  ><i class="icon-star"></i> Lo Más Valorado</h5></li>
                                    <li><a href="<%=request.getContextPath()%>/curso/view.jsp"><i class="icon-minus"></i> Opticas</a></li>
                                    <li><a href="<%=request.getContextPath()%>/curso/view.jsp"><i class="icon-minus"></i> Software 2</a></li>
                                    <li><a href="<%=request.getContextPath()%>/curso/view.jsp"><i class="icon-minus"></i> Tecnicas IP</a></li>
                                </ul>
                            </div>
                        </div>



                    </div>

                </div> 




            </div>
            <!-- Footer
             ================================================== -->
            <footer class="footer" id="bottom"><hr>
                <p class="pull-right"><a href="#">Ir arriba</a></p>
                <p align=center>El Rincón Teleco | © 2012 Pontificia Universidad Católica del Perú (PUCP) </p>
                <br><br></footer>


        </div><!-- /container -->

        <!-- Le javascript
        ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        <script type="text/javascript" src="<%= request.getContextPath()%>/js/jquery.js"></script>
        <script src="<%= request.getContextPath()%>/js/bootstrap.js"></script>
        <script src="<%= request.getContextPath()%>/js/bootstrap.min.js"></script>
        <script src="<%= request.getContextPath()%>/js/bootstrap-dropdown.js"></script>


    </body>
</html>
